<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>CodePen - 3D Preloader</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
	<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Varela+Round&amp;display=swap'>

	<link rel="stylesheet" href="./1.css">

</head>

<body class="pace-done ">
	<div class="pace pace-inactive">
		<div class="pace-progress" data-progress-text="100%" data-progress="99"
			style="transform: translate3d(100%, 0px, 0px);">
			<div class="pace-progress-inner"></div>
		</div>
		<div class="pace-activity"></div>
	</div><noscript>
		<div class="no-script"><strong>很抱歉，Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div>
	</noscript>
	<div id="apache-banner">
		<div class="txt">
			<p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1"
				href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a>
		</div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main">
			<div>访问官网</div>
		</a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a>
	</div>
	<div id="main">
		<nav id="ec-doc-nav" class="navbar navbar-default navbar-fixed-top doc-nav">
			<div class="container-fluid">
				<div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse"
						aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle
							navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span
							class="icon-bar"></span></button><a href="https://echarts.apache.org/zh/index.html"
						class="navbar-brand"><img src="https://echarts.apache.org/zh/images/logo.png?_v_=20240226"
							alt="echarts logo" class="navbar-logo"></a></div>
				<div id="navbar-collapse" class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-left">
						<li id="nav-index"><a href="https://echarts.apache.org/zh/index.html">首页</a></li>
						<li id="nav-doc" class="active"><a href="#" data-toggle="dropdown" class="dropdown-toggle">文档<b
									class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="https://echarts.apache.org/zh/feature.html">特性</a></li>
								<li><a href="https://echarts.apache.org/handbook/zh/get-started/">使用手册</a></li>
								<li><a href="https://echarts.apache.org/zh/api.html">API</a></li>
								<li><a href="https://echarts.apache.org/zh/option.html">配置项手册</a></li>
								<li><a href="https://echarts.apache.org/zh/changelog.html">版本记录</a></li>
								<li><a href="https://echarts.apache.org/zh/faq.html">常见问题</a></li>
								<li><a
										href="https://echarts.apache.org/handbook/zh/basics/release-note/v5-upgrade-guide">v5
										升级指南</a></li>
							</ul>
						</li>
						<li id="nav-download" class="dropdown"><a href="#" data-toggle="dropdown"
								class="dropdown-toggle">下载<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="https://echarts.apache.org/zh/download.html">下载</a></li>
								<li><a href="https://echarts.apache.org/zh/download-theme.html">主题下载</a></li>
								<li><a href="https://echarts.apache.org/zh/download-extension.html">扩展下载</a></li>
							</ul>
						</li>
						<li id="nav-examples"><a href="https://echarts.apache.org/examples/zh/index.html">示例</a></li>
						<li id="nav-resources"><a href="#" data-toggle="dropdown" class="dropdown-toggle">资源<b
									class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="https://echarts.apache.org/zh/spreadsheet.html">表格工具</a></li>
								<li><a href="https://echarts.apache.org/zh/theme-builder.html">主题构建工具</a></li>
								<li><a href="https://echarts.apache.org/zh/cheat-sheet.html">术语速查手册</a></li>
								<li><a href="https://echarts.apache.org/zh/resources.html">更多资源</a></li>
							</ul>
						</li>
						<li id="nav-contribute"><a href="#" data-toggle="dropdown" class="dropdown-toggle">社区<b
									class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="https://echarts.apache.org/zh/events.html">活动</a></li>
								<li><a href="https://echarts.apache.org/zh/committers.html">贡献者列表</a></li>
								<li><a href="https://echarts.apache.org/zh/maillist.html">邮件列表</a></li>
								<li><a href="https://echarts.apache.org/zh/contributing.html">如何贡献</a></li>
								<li><a href="https://echarts.apache.org/zh/dependencies.html">依赖项</a></li>
								<li><a href="https://echarts.apache.org/zh/coding-standard.html">代码规范</a></li>
								<li><a href="https://github.com/apache/echarts" target="_blank">源码（GitHub）<svg
											width="15px" height="15px" viewBox="0 0 100 100" version="1.1"
											xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
								<li><a href="https://github.com/apache/echarts/issues"
										target="_blank">Issues（GitHub）<svg width="15px" height="15px"
											viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
							</ul>
						</li>
						<li id="nav-others"><a href="#" data-toggle="dropdown" class="dropdown-toggle">ASF<b
									class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="https://www.apache.org/" target="_blank">Apache Software Foundation<svg
											width="15px" height="15px" viewBox="0 0 100 100" version="1.1"
											xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
								<li><a href="https://echarts.apache.org/zh/security.html">安全</a></li>
								<li><a href="https://www.apache.org/licenses/" target="_blank">版权<svg width="15px"
											height="15px" viewBox="0 0 100 100" version="1.1"
											xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
								<li><a href="https://www.apache.org/events/current-event" target="_blank">活动<svg
											width="15px" height="15px" viewBox="0 0 100 100" version="1.1"
											xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
								<li><a href="https://www.apache.org/foundation/sponsorship.html" target="_blank">捐赠<svg
											width="15px" height="15px" viewBox="0 0 100 100" version="1.1"
											xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
								<li><a href="https://www.apache.org/foundation/thanks.html" target="_blank">鸣谢<svg
											width="15px" height="15px" viewBox="0 0 100 100" version="1.1"
											xmlns="http://www.w3.org/2000/svg"
											xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link">
											<path fill="currentColor"
												d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
											</path>
											<polygon fill="currentColor"
												points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
											</polygon>
										</svg></a></li>
							</ul>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li id="nav-homeen"><a href="javascript:;" onclick="changeLang('en')">EN</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<div class="page-main">
			<div id="ec-doc-main">
				<section class="el-container ec-doc ec-doc-option ec-doc-locale-zh">
					<aside class="el-aside" style="width: 300px; height: 100%;">
						<div class="doc-type-nav"><a href="option.html#title" class="selected">配置项</a> <a
								href="api.html#echarts" class="">API</a> <a href="option-gl.html" class="">GL配置</a> <a
								href="https://echarts.apache.org/handbook/zh/get-started" target="blank"
								class="handbook-link">教程</a></div>
						<div class="doc-search">
							<div aria-haspopup="listbox" role="combobox" aria-owns="el-autocomplete-7198"
								class="el-autocomplete search-input">
								<div class="el-input el-input--small el-input-group el-input-group--append">
									<!----><input type="text" autocomplete="off" valuekey="value"
										popperclass="search-input-popper" placeholder="搜索文档，回车查看更多结果"
										fetchsuggestions="function () { [native code] }" triggeronfocus="true"
										debounce="200" placement="bottom-start" popperappendtobody="true"
										class="el-input__inner" role="textbox" aria-autocomplete="list"
										aria-controls="id"
										aria-activedescendant="el-autocomplete-7198-item--1"><!----><!---->
									<div class="el-input-group__append"><button type="button"
											class="el-button el-button--primary"><!----><i
												class="el-icon-search"></i><!----></button></div><!---->
								</div>
								<div role="region" class="el-autocomplete-suggestion el-popper search-input-popper"
									style="display: none;">
									<div class="el-scrollbar">
										<div class="el-autocomplete-suggestion__wrap el-scrollbar__wrap"
											style="margin-bottom: -8px; margin-right: -8px;">
											<ul class="el-scrollbar__view el-autocomplete-suggestion__list"
												role="listbox" id="el-autocomplete-7198"></ul>
										</div>
										<div class="el-scrollbar__bar is-horizontal">
											<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
										</div>
										<div class="el-scrollbar__bar is-vertical">
											<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="doc-nav">
							<h3>setOption({</h3>
								找到一个role="tree"的div定义为tree,然后在他下面找到所有class="doc-nav-item"的div定义为nodes,遍历nodes,找到下面的第一个span标签的内容,打印出来
							<div class="toolbox"><span class="item"><i class="el-icon-s-fold"></i>收起所有</span></div>
							<div role="tree" class="el-tree">
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>title: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>legend: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>grid: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>xAxis: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>yAxis: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>polar: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>radiusAxis: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>angleAxis: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>radar: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>dataZoom: [{...}]</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>visualMap: [{...}]</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>tooltip: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>axisPointer: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>toolbox: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>brush: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>geo: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>parallel: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>parallelAxis: {...}</span> <!---->
											<span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>singleAxis: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>timeline: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>graphic: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>calendar: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>dataset: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>aria: {...}</span> <!----> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>series: [{...}]</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>darkMode</span> <span
												class="default-value">...</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>color</span> <span
												class="default-value">...</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>backgroundColor: </span> <span
												class="default-value">'transparent'</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>textStyle: {...}</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-current is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animation: </span> <span
												class="default-value">true</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationThreshold: </span> <span
												class="default-value">2000</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationDuration: </span> <span
												class="default-value">1000</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationEasing: </span> <span
												class="default-value">'cubicOut'</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationDelay: </span> <span
												class="default-value">0</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationDurationUpdate: </span> <span
												class="default-value">300</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationEasingUpdate: </span> <span
												class="default-value">'cubicInOut'</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>animationDelayUpdate: </span> <span
												class="default-value">0</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>stateAnimation: {...}</span> <!---->
											<span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>blendMode: </span> <span
												class="default-value">'source-over'</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>hoverLayerThreshold: </span> <span
												class="default-value">3000</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>useUTC: </span> <span
												class="default-value">false</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>options</span> <span
												class="default-value">...</span> <span>,</span></div>
									</div><!---->
								</div>
								<div role="treeitem" tabindex="-1" aria-disabled="" draggable="false"
									class="el-tree-node is-focusable">
									<div class="el-tree-node__content" style="padding-left: 0px;"><span
											class="el-tree-node__expand-icon el-icon-caret-right"></span><!----><!---->
										<div class="doc-nav-item"><span>media: [{...}]</span> <!----> <span>,</span>
										</div>
									</div><!---->
								</div><!---->
								<div class="el-tree__drop-indicator" style="display: none;"></div>
							</div>
							<div class="el-loading-mask" style="display: none;">
								<div class="el-loading-spinner"><svg viewBox="25 25 50 50" class="circular">
										<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
									</svg><!----></div>
							</div>
						</div>
					</aside>
					<main class="el-main" style="">
						<div class="doc-main">
							<div class="doc-content option-example-right-layout">
								<h2 id="doc-content-animation">animation</h2>
								<div class="page-description">

									<p>是否开启动画。</p>
								</div> <!---->
							</div>
							<div class="open-option-example"><i class="el-icon-data-line"></i> 预览
							</div>
							<div class="el-loading-mask" style="display: none;">
								<div class="el-loading-spinner"><svg viewBox="25 25 50 50" class="circular">
										<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
									</svg><!----></div>
							</div>
						</div>
					</main>
				</section>
			</div>
			<div id="v4-link" class="alert alert-info alert-dismissible"><a
					href="https://echarts.apache.org/v4/zh/option.html">旧版本文档</a><button type="button"
					data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="https://lib.baomitu.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="https://echarts.apache.org/zh/js/common.js?_v_=85b684f192"></script>
	<script src="https://lib.baomitu.com/vue/2.6.14/vue.min.js"></script>
	<script src="https://lib.baomitu.com/element-ui/2.15.14/index.min.js"></script>
	<script src="https://lib.baomitu.com/codemirror/5.56.0/codemirror.min.js"></script>
	<script src="https://lib.baomitu.com/codemirror/5.56.0/mode/javascript/javascript.min.js"></script>
	<script src="https://lib.baomitu.com/js-beautify/1.11.0/beautifier.min.js"></script>
	<script src="https://echarts.apache.org/zh/js/doc-bundle.js?_v_=ec150b744e"></script>
	<script type="text/javascript">document.getElementById('nav-doc').className = 'active';
		window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
	</script>
	<script type="text/javascript">window.globalArgsExtra = {
			baseUrl: 'documents/option-parts',
			docType: 'option',
			locale: 'zh'
		};
		if (window.EC_WWW_CDN_PAY_ROOT) {
			window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/zh/' + window.globalArgsExtra.baseUrl
		}</script>
	<script type="text/javascript">window.globalArgsExtra.version = 'b6d8b337f5';
		echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option-outline.js?b6d8b337f5"></script>
	<!-- Baidu Tongji-->
	<script type="text/javascript">var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");

			hm.src = "https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";

			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script><!-- Google Analytics-->
	<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script>
	<script type="text/javascript">window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());
		gtag('config', 'UA-141228404-1');</script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.js?b6d8b337f5"></script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.title.js?b6d8b337f5"></script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.legend.js?b6d8b337f5"></script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.grid.js?b6d8b337f5"></script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.xAxis.js?b6d8b337f5"></script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.yAxis.js?b6d8b337f5"></script>
	<script async="" src="https://echarts.apache.org/zh/documents/option-parts/option.polar.js?b6d8b337f5"></script>
	<script async=""
		src="https://echarts.apache.org/zh/documents/option-parts/option.radiusAxis.js?b6d8b337f5"></script>
</body>

</html>